<template>
	<view>
		<van-nav-bar
		  left-text="返回"
		  left-arrow
		  :border="false"
		 
		 
		/>
		
		<view class="main_wrap">
			<view class="main">
				<view class="main_top">
					<view class="fs42 fw">设置新的密码</view>
					<view class="fs24 mt30" style="color: #aeaeb2;margin-bottom: 30rpx;">重置之前的密码,设置新密码</view>
				</view>
				
				<view class="main_middle">
					<view class="fs24">密码</view>
					<van-cell-group>
					  <van-field
					    :clearable="true"
					    placeholder="请输入密码"
					    border
						right-icon="eye"
						
					    
					  />
					</van-cell-group>
					<view class="fs24 tip">至少8个字符,不能全是字母和数字</view>
				</view>
				
				<view class="main_bottom">
					<van-button color="#1a9164" size="large">确认更改</van-button>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		components:{
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
/deep/ .van-nav-bar__text{
	color: #4a4a4a !important;
}
/deep/ .van-icon{
	color: #4a4a4a !important;
	margin-right: 22rpx !important;
}

.main_wrap{
	padding: 59rpx 80rpx 0;
	.main{
		.main_middle{
			// height: 162rpx;
			
			/deep/ .van-cell{
				padding-left: 0 !important;
				border-bottom: 1px solid #cccccc;
			}
			.tip{
				color: #22c38a;
				margin-top: 15rpx;
			}
		}
		.main_bottom{
			margin-top: 55rpx;
			
			/deep/ .van-button{
				border-radius: 15rpx;
				height: 88rpx !important;
				font-size: 30rpx !important;
			}
		}
	}
}
</style>
